<!DOCTYPE html> 
<html> 
<head> 
	<title>StubHub</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet"  href="css/jquery.mobile-1.2.0.css" />  
	<link rel="stylesheet" href="css/jqm-docs.css"/>
	<link rel="stylesheet" href="css/common.css"/>

	<script src="jsfiles/jquery.js"></script>
	<script src="jsfiles/jqm-docs.js"></script>
	<script src="jsfiles/jquery.mobile-1.2.0.js"></script>
	<script src="jsfiles/common.js"></script>
	<script src="jsfiles/css_browser_selector.js"></script>
	<script>
		window.onload = function ()
		{
			if (navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/)) {
				$('.Wrapper').css("width","100%");
			}
		}
	</script>
	<style>
	</style>
</head> 
<body> 
	<div id="mainWrapper">
		<div id="Wrapper" class="Wrapper" >
			
			<div style="" class="header1">
				<img style="margin-top:8px;margin-left:6px;" src="images/banner.png"/>
			</div>
			<div>
				<p class="header2" style="padding-left:12px;padding-top:3px; font-size:20px; font-weight:bold;">Choose a location</p>
			</div>

			<div style="background-color:#ffffff; margin-top:20px;">
				<a style="background-color:#ffffff; width:200px; margin-left:50px;" href="javascript:getLocation();" data-theme="c" data-role="button" data-mini="true" data-icon="gear">Use current location</a>
				<img style="margin-top:25px;" src="images/line.png"/>			
				
				<div style="width:95%; margin-left:20px;" data-role="collapsible">
					<h3>India</h3>
					<div data-role="collapsible">
						<h3 id="mah">Maharashtra</h3>
					    <ul data-role="listview">
							<li><a onClick="assignCity('Mumbai'), window.location='mumbai.html'" href="" data-transition="slideup">Mumbai</a></li>
							<li><a onClick="assignCity('Pune')" href="mumbai.html" data-transition="slideup">Pune</a></li>
							<li><a onClick="assignCity('Nagpur')" href="mumbai.html" data-transition="slideup">Nagpur</a></li>
						</ul>
					</div>

					<div data-role="collapsible">
						<h3>Karnataka</h3>
					    <ul data-role="listview">
							<li><a onClick="assignCity('Bengalore')" href="mumbai.html" data-transition="slideup">Bengalore</a></li>
							<li><a onClick="assignCity('Belgaum')" href="mumbai.html" data-transition="slideup">Belgaum</a></li>
							<li><a onClick="assignCity('Gulbarga')" href="mumbai.html" data-transition="slideup">Gulbarga</a></li>
						</ul>
					</div>
				</div>
	
			</div>

		</div>				
	</div>

</body>
</html>
